@basicLayout-prefix-cls: ~'@{ant-prefix}-pro-basicLayout';
@pro-layout-header-height: 56px;

.@{basicLayout-prefix-cls} {
  // BFC
  display: flex;
  width: 100%;
  min-height: 100vh;

  .@{ant-prefix}-layout-header {
    &.@{ant-prefix}-pro-fixed-header {
      position: fixed;
      top: 0;
      transition: width 0.2s;
    }
  }
  .ant-pro-fixed-stuff {
    flex-shrink: 0;
    transition: width 0.2s;
  }

  &-content {
    position: relative;
    flex: 1 1 0;
    height: 1px;
    margin-top: 40px;
    .@{ant-prefix}-pro-page-container {
      // margin: -24px -24px 0;
    }

    &-disable-margin {
      margin: 0;

      .@{ant-prefix}-pro-page-container {
        margin: 0;
      }
    }
    > .@{ant-prefix}-layout {
      max-height: 100%;
    }
  }

  // children should support fixed
  .@{basicLayout-prefix-cls}-is-children.@{basicLayout-prefix-cls}-fix-siderbar {
    height: 100vh;
    overflow: hidden;
    transform: rotate(0);
  }

  .@{basicLayout-prefix-cls}-has-header {
    // tech-page-container
    .tech-page-container {
      height: calc(100vh - @pro-layout-header-height);
    }
    .@{basicLayout-prefix-cls}-is-children.@{basicLayout-prefix-cls}-has-header {
      .tech-page-container {
        height: calc(100vh - @pro-layout-header-height - @pro-layout-header-height);
      }
      .@{basicLayout-prefix-cls}-is-children {
        min-height: calc(100vh - @pro-layout-header-height);
        &.@{basicLayout-prefix-cls}-fix-siderbar {
          height: calc(100vh - @pro-layout-header-height);
        }
      }
    }
  }
}
.left-top-menu-search {
  padding: 4px;
}
.ant-pro-sider-dark {
  .left-top-menu-search {
    margin-bottom: 4px;

    .ant-input-affix-wrapper,
    .ant-input-group-addon,
    .ant-btn-icon-only {
      background-color: rgba(255, 255, 255, 0.1);
      border-color: transparent;
      height: 32px;
      inset-inline-start: 0;
      border-radius: 4px;
      &:last-child {
        border-radius: 0 4px 4px 0;
      }
      &:first-child {
        border-radius: 4px 0 0 4px;
      }
      .ant-input {
        &::placeholder {
          color: inherit;
        }
        color: rgba(255, 255, 255, 0.6);
        background-color: transparent;
      }
      .ant-btn-icon-only {
        background-color: transparent;
        border-left: 0;
        & > .anticon {
          color: rgba(255, 255, 255, 0.6);
        }
      }
    }
  }
}
